// 页面加载完成后执行
window.addEventListener('DOMContentLoaded', function() {
    // 初始化语言选择器
    initLanguageSelector();
    
    // 初始化搜索功能
    initSearchFunction();
    
    // 初始化标签切换
    initTabSwitching();
    
    // 加载特色人物
    loadFeaturedPersonage();
    
    // 加载最新消息
    loadLatestNews();
    
    // 初始化移动端菜单
    initMobileMenu();
});

// 初始化移动端菜单
function initMobileMenu() {
    const mobileMenuToggle = document.getElementById('mobileMenuToggle');
    const mobileMenuClose = document.getElementById('mobileMenuClose');
    const mobileNav = document.getElementById('mobileNav');
    const mobileLanguageSelect = document.getElementById('mobileLanguageSelect');
    
    if (mobileMenuToggle && mobileMenuClose && mobileNav) {
        // 打开菜单
        mobileMenuToggle.addEventListener('click', function() {
            mobileNav.classList.add('active');
            document.body.style.overflow = 'hidden'; // 防止背景滚动
        });
        
        // 关闭菜单
        mobileMenuClose.addEventListener('click', function() {
            mobileNav.classList.remove('active');
            document.body.style.overflow = ''; // 恢复背景滚动
        });
        
        // 点击菜单外部关闭
        document.addEventListener('click', function(event) {
            if (mobileNav.classList.contains('active') && 
                !mobileNav.contains(event.target) && 
                event.target !== mobileMenuToggle) {
                mobileNav.classList.remove('active');
                document.body.style.overflow = '';
            }
        });
    }
    
    // 同步语言选择器
    if (mobileLanguageSelect) {
        mobileLanguageSelect.addEventListener('change', function() {
            const languageSelect = document.getElementById('languageSelect');
            if (languageSelect) {
                languageSelect.value = mobileLanguageSelect.value;
                // 触发原语言选择器的change事件
                const event = new Event('change');
                languageSelect.dispatchEvent(event);
            }
        });
    }
}

// 初始化语言选择器
function initLanguageSelector() {
    const languageSelect = document.getElementById('languageSelect');
    if (languageSelect) {
        languageSelect.addEventListener('change', function() {
            // 这里可以实现页面内容的语言切换逻辑
            // 目前仅作为示例，实际项目中需要结合后端或预定义的多语言内容
            alert('语言切换功能将在后续版本中实现');
        });
    }
}

// 加载特色人物
function loadFeaturedPersonage() {
    const personageGrid = document.querySelector('#personages-tab .personage-grid');
    if (!personageGrid) return;
    
    // 模拟数据 - 实际项目中应从后端API获取
    const personages = [
        {
            id: 1,
            name: '张三',
            company: '科技集团有限公司',
            position: '董事长',
            description: '中国知名企业家，带领公司成功上市并成为行业领军企业。',
            img: 'src/placeholder-person.svg',
            link: 'person-detail.html?id=1'
        },
        {
            id: 2,
            name: '李四',
            company: '金融控股集团',
            position: '实控人',
            description: '金融领域资深专家，在资本市场拥有丰富经验。',
            img: 'src/placeholder-person.svg',
            link: 'person-detail.html?id=2'
        },
        {
            id: 3,
            name: '王五',
            company: '制造业股份有限公司',
            position: '董事长',
            description: '推动传统制造业转型升级的领军人物，致力于技术创新。',
            img: 'src/placeholder-person.svg',
            link: 'person-detail.html?id=3'
        }
    ];
    
    // 清空网格
    personageGrid.innerHTML = '';
    
    // 添加人物卡片
    personages.forEach(person => {
        const card = document.createElement('div');
        card.className = 'person-card';
        card.innerHTML = `
            <img src="${person.img}" alt="${person.name}">
            <div class="person-info">
                <h3>${person.name}</h3>
                <p>${person.company} | ${person.position}</p>
                <p>${person.description}</p>
                <a href="${person.link}">查看详情</a>
            </div>
        `;
        personageGrid.appendChild(card);
    });
}

// 加载最新消息
function loadLatestNews() {
    const newsList = document.querySelector('#news-tab .news-list');
    if (!newsList) return;
    
    // 模拟数据 - 实际项目中应从后端API获取
    const news = [
        {
            id: 1,
            title: '张三领导的科技集团发布最新人工智能产品',
            content: '科技集团今日发布了全新一代人工智能产品，该产品将广泛应用于多个领域，预计将为公司带来显著的业绩增长...',
            date: '2023-10-15',
            source: '科技日报',
            img: 'src/placeholder-news.svg',
            link: 'news-detail.html?id=1'
        },
        {
            id: 2,
            title: '李四旗下金融集团宣布重大战略投资',
            content: '金融控股集团今日宣布对一家新兴金融科技公司进行战略投资，这标志着集团在金融科技创新领域的进一步布局...',
            date: '2023-10-10',
            source: '金融时报',
            img: 'src/placeholder-news.svg',
            link: 'news-detail.html?id=2'
        },
        {
            id: 3,
            title: '王五所在制造业公司荣获国家级绿色工厂称号',
            content: '制造业股份有限公司因其在环保生产和可持续发展方面的突出贡献，被授予国家级绿色工厂称号...',
            date: '2023-10-05',
            source: '工业时报',
            img: 'src/placeholder-news.svg',
            link: 'news-detail.html?id=3'
        }
    ];
    
    // 清空列表
    newsList.innerHTML = '';
    
    // 添加新闻项
    news.forEach(item => {
        const newsItem = document.createElement('div');
        newsItem.className = 'news-item';
        newsItem.innerHTML = `
            <div class="news-img">
                <img src="${item.img}" alt="${item.title}">
            </div>
            <div class="news-content">
                <h3><a href="${item.link}">${item.title}</a></h3>
                <p>${item.content}</p>
                <div class="news-meta">
                    <span>${item.date}</span>
                    <span>${item.source}</span>
                </div>
            </div>
        `;
        newsList.appendChild(newsItem);
    });
}

// 初始化搜索功能
function initSearchFunction() {
    const searchButton = document.getElementById('searchButton');
    const surnameSearch = document.getElementById('surnameSearch');
    
    if (searchButton && surnameSearch) {
        // 搜索按钮点击事件
        searchButton.addEventListener('click', function() {
            searchSurname();
        });
        
        // 回车键搜索
        surnameSearch.addEventListener('keypress', function(e) {
            if (e.key === 'Enter') {
                searchSurname();
            }
        });
    }
}

// 搜索姓氏函数
function searchSurname() {
    const surnameSearch = document.getElementById('surnameSearch');
    if (!surnameSearch) return;
    
    const surname = surnameSearch.value.trim();
    if (surname) {
        // 跳转到姓氏知识库页面，并传递搜索的姓氏
        window.location.href = `family-tree.html?surname=${encodeURIComponent(surname)}`;
    } else {
        alert('请输入要搜索的姓氏');
    }
}

// 初始化标签切换
function initTabSwitching() {
    // 如果页面没有标签切换功能，则不执行
    const tabBtns = document.querySelectorAll('.tab-btn');
    if (!tabBtns.length) return;
    
    // 确保默认显示第一个标签
    const firstTabBtn = document.querySelector('.tab-btn.active');
    if (firstTabBtn) {
        const tabId = firstTabBtn.getAttribute('onclick').match(/'([^']+)'/)[1];
        switchTab(tabId);
    }
}

// 标签切换函数
function switchTab(tabName) {
    // 隐藏所有标签内容
    const tabContents = document.querySelectorAll('.tab-content');
    tabContents.forEach(content => {
        content.classList.remove('active');
    });
    
    // 移除所有标签按钮的激活状态
    const tabBtns = document.querySelectorAll('.tab-btn');
    tabBtns.forEach(btn => {
        btn.classList.remove('active');
    });
    
    // 显示选中的标签内容
    const activeTab = document.getElementById(`${tabName}-tab`);
    if (activeTab) {
        activeTab.classList.add('active');
    }
    
    // 激活选中的标签按钮
    tabBtns.forEach(btn => {
        if (btn.getAttribute('onclick') === `switchTab('${tabName}')`) {
            btn.classList.add('active');
        }
    });
}